// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1
import com.nokia.symbian 1.1
import "../delegates"

Page {
    id: root

    TitleHeader {
        id: header;
        text: "The App"
    }

    tools: ToolBarLayout {
            ToolButton{
                iconSource: "toolbar-back"
                onClicked:
                    root.pageStack.pop();
            }
    }

    Text{
        id: text
        anchors.horizontalCenter: parent.horizontalCenter
        text: "This app is all about helping you study!\n\nYou can write notes and take quizzes.\n\nThe quiz doesn't write itself of course!\nYou will have to make your own \nquestions and answers."
        font.pixelSize: parent.height*0.03
        anchors.top: parent.top
        anchors.topMargin: parent.height * 0.05
        anchors.left: parent.left
        anchors.leftMargin: parent.width * 0.05
        color: "white"
    }

    Text{
        id: buttonText
        anchors.horizontalCenter: parent.horizontalCenter
        text: "Buttons: "
        font.pixelSize: parent.height*0.03
        anchors.top: text.bottom
        anchors.topMargin: parent.height * 0.05
        anchors.left: parent.left
        anchors.leftMargin: parent.width * 0.05
        color: "white"
    }

    Image{
        id: addImage
        source:"images/add.png"
        width: parent.height * 0.06
        height: parent.height * 0.06
        anchors.top: buttonText.bottom
        anchors.topMargin: parent.height * 0.05
        anchors.left: parent.left
        anchors.leftMargin: parent.height * 0.03
    }

    Text{
        id: addText
        anchors.horizontalCenter: parent.horizontalCenter
        text: "this button adds notes and quizzes"
        font.pixelSize: parent.height*0.03
        anchors.top: addImage.top
        //anchors.topMargin: parent.height * 0..04
        anchors.left: addImage.right
        anchors.leftMargin: parent.width * 0.04
        color: "white"
    }

    Image{
        id: selectImage
        source:"images/select.png"
        width: parent.height * 0.06
        height: parent.height * 0.06
        anchors.top: addImage.bottom
        anchors.topMargin: parent.height * 0.05
        anchors.left: parent.left
        anchors.leftMargin: parent.height * 0.03
    }

    Text{
        id: selectText
        anchors.horizontalCenter: parent.horizontalCenter
        text: "press this to select notes or quizzes"
        font.pixelSize: parent.height*0.03
        anchors.top: selectImage.top
        //anchors.topMargin: parent.height * 0..04
        anchors.left: selectImage.right
        anchors.leftMargin: parent.width * 0.04
        color: "white"
    }

    Image{
        id: editImage
        source:"images/edit.png"
        width: parent.height * 0.06
        height: parent.height * 0.06
        anchors.top: selectImage.bottom
        anchors.topMargin: parent.height * 0.05
        anchors.left: parent.left
        anchors.leftMargin: parent.height * 0.03
    }

    Text{
        id: editText
        anchors.horizontalCenter: parent.horizontalCenter
        text: "this button edits notes and quizzes\njust select an item before using this"
        font.pixelSize: parent.height*0.03
        anchors.top: editImage.top
        //anchors.topMargin: parent.height * 0..04
        anchors.left: editImage.right
        anchors.leftMargin: parent.width * 0.04
        color: "white"
    }

    Image{
        id: deleteImage
        source:"images/delete.png"
        width: parent.height * 0.06
        height: parent.height * 0.06
        anchors.top: editImage.bottom
        anchors.topMargin: parent.height * 0.05
        anchors.left: parent.left
        anchors.leftMargin: parent.height * 0.03
    }

    Text{
        id: deleteText
        anchors.horizontalCenter: parent.horizontalCenter
        text: "this button deletes notes and quizzes\njust select an item before using this"
        font.pixelSize: parent.height*0.03
        anchors.top: deleteImage.top
        //anchors.topMargin: parent.height * 0..04
        anchors.left: deleteImage.right
        anchors.leftMargin: parent.width * 0.04
        color: "white"
    }
}
